PUZZLE PIECE ACTIVITY

Software: Photopea / Adobe Photoshop
Activities Covered: ACTIVITY 14 – ACTIVITY 34

YOU MUST FOLLOW THE TEMPLATE EXACTLY AND FILL OUT THE STUDENT INFORMATION AREA.

OBJECTIVE

Students will assemble puzzle pieces into the silhouette guide using proper selection, erasing, alignment, and layer management skills.

Puzzle Assembly Direction

After reviewing the submitted sample, the issue is not missing pieces.
The problem appears to be that the pieces were resized or forced to match the silhouette guide.

Please note:
The silhouette is only a visual placement reference.
It is not intended to be used for resizing, stretching, or adjusting puzzle pieces.

Puzzle pieces must be aligned using their actual edges and curves — by matching piece-to-piece connections — not by forcing them to fit the outer silhouette shape.

If gaps are appearing, it is usually due to one or more of the following:
• Pieces were resized
• Pieces were slightly misaligned
• Edges were not selected correctly
• The silhouette was followed instead of the true puzzle contours

Do NOT resize the puzzle pieces to eliminate gaps.

Correct Method:
1. Zoom in closely
2. Align the curves carefully
3. Match the interlocking shapes precisely
4. Adjust positioning with small, accurate movements

When aligned properly using the real puzzle edges, the gaps will naturally disappear.
The silhouette serves only as a visual guide and should never override the actual structure of the puzzle.

IMPORTANT NOTE BEFORE PASSING (REQUIRED)

1. REQUIRED LAYER RENAMING FORMAT NUMBERING RULE:
TOPMOST layer = Puzzle Piece 1 Next going DOWN = Puzzle Piece 2 TOP → BOTTOM ORDER ONLY

2. [OPTIONAL] BLENDING OPTION

Apply EXACTLY this setting:

This is optional, but it can help soften overly crisp puzzle pieces and restore lost pixel edges in areas that were erased.

DETAILED NUMBERING EXAMPLE

If your activity has 12 pieces:
Layer PositionCorrect Name
Very Top LayerPuzzle Piece 1
2ndPuzzle Piece 2
3rdPuzzle Piece 3
4thPuzzle Piece 4
5thPuzzle Piece 5
6thPuzzle Piece 6
7thPuzzle Piece 7
8thPuzzle Piece 8
9thPuzzle Piece 9
10thPuzzle Piece 10
11thPuzzle Piece 11
Very BottomPuzzle Piece 12

After you finish assembling the puzzle, do not rearrange the layers for numbering.

The layer that is currently at the very top of your Layers panel becomes:

Puzzle Piece 1

The layer directly below it becomes:

Puzzle Piece 2

Continue renaming each layer in order, moving downward, until you reach the very bottom layer.

You are numbering strictly based on the Layers panel order — not by puzzle position, not left to right, and not top to bottom visually.

Do not overthink it.

Simply follow the layer stack from TOP → BOTTOM.

This process was already demonstrated live during our online session.

CHECKLIST BEFORE SUBMITTING

RUBRICS FOR ACTIVITY 14–34 (DETAILED)

Criteria Detailed Description Points
Selection Tool Mastery - Used appropriate selection tool for each shape
- Edges follow actual puzzle shape
- No over-selection or missing parts
Deductions:
• –2 per badly selected piece
• –2 for improper tool usage 		25
Background Erasing Quality - Edges are clean and smooth
- No remaining background pixels
- No white halos around pieces
Deductions:
• –2 per piece with dirty edges
• –2 if halos are visible 		25
Alignment Accuracy - Pieces match silhouette guide
- No overlaps between pieces
- No visible gaps
Deductions:
• –2 per misaligned piece
• –2 per visible gap 		20
Layer Organization (CRITICAL) - ALL layers renamed as Puzzle Piece #
- Numbering follows TOP → BOTTOM order
- No skipped numbers
- [Optional] Stroke applied to ALL pieces
Penalties:
• –2 per wrong layer name
• –2 if order is incorrect
• NO STROKE = NOT GRADED 		10
Student Information - Name complete and correct
- Section and group filled
- Followed file name format
Deductions:
• –2 incomplete info
• –2 wrong file name 		10
TOTAL 100

UPLOAD METHODS AND REQUIREMENTS

FILE NAME FORMAT (REQUIRED):

Activity (Number) [Selection and Basic Editing Tools ] - Group Number - LastName - FirstName - Section
FILE NAME FORMAT IS STRICTLY REQUIRED

WRONG FILE NAME = NOT GRADED
FILE NAME FORMAT (REQUIRED):

Activity (Number) [Selection and Basic Editing Tools] - Group Number - LastName - FirstName - Section

EXAMPLES OF CORRECT FILE NAMES

COMMON MISTAKES THAT WILL RESULT TO NOT GRADED:

WHAT TO ATTACH & HOW YOU WILL BE GRADED

JPG • PNG • ZIP • RAR • SCREENSHOT = NOT ACCEPTED

You may submit your PSD using ANY ONE of the following methods:

UPLOADING GUIDE

FOR LEADERS

Leaders will share the finished activity with members using ONE of the following:

This allows the instructor and classmates to view, download, and review the file.

FOR MEMBERS

  1. Open the file shared by the leader using Photopea.
  2. Rename the file using Save As PSD to create your own copy.
  3. Use this file name format:

    ACTIVITY 13 [Layer Hierarchy Practice & Visibility Tools] - Group Number - LastName - FirstName - Section
  4. Upload the renamed file back to Photopea.
  5. Go to:
    File → Share → PSD → Copy Generated Link
  6. Submit this link to the designated Google Classroom post as a link attachment.

ALTERNATIVE UPLOAD OPTION

IF THE UPLOAD FAILS OR RESULTS IN AN ERROR:

REVIEW AND LEARNING RESOURCES

Use these lessons to review the tools required for this activity. All techniques used in the puzzle activity came from these modules.

Students are expected to review these materials before performing Activities 14–34.
Prepared for Multimedia Design Class – Sir Steven Barizo